<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title>上传业主信息</title>
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <meta name="format-detection" content="telephone=no" />
    <!--  新 Bootstrap 核心 CSS 文件  -->
    <link rel="stylesheet" href="http://cdn.bootcss.com/bootstrap/3.3.5/css/bootstrap.min.css">
    <!--  jQuery文件。务必在bootstrap.min.js 之前引入  -->
    <script src="http://cdn.bootcss.com/jquery/1.11.3/jquery.min.js"></script>
    <!--  最新的 Bootstrap 核心 JavaScript 文件  -->
    <script src="http://cdn.bootcss.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
    <link rel="stylesheet" href="http://res.wx.qq.com/open/libs/weui/0.4.3/weui.min.css">
    <link rel="stylesheet" href="../../../public/css/weui.min.css">
    <!--  公用css  -->

    <link rel="stylesheet" type="text/css" href="../../../public/css/common.css">
    <link rel="stylesheet" type="text/css" href="../../../public/css/landlordRegister.css">
    <link rel="stylesheet" type="text/css" href="../../../public/css/upLoad.css">
<!--  page1 css  -->
    <link rel="stylesheet" type="text/css" href="../../../public/css/baseInfo.css">
<!--  page2 3 css  -->
    <link rel="stylesheet" type="text/css" href="../../../public/css/uploadIdcard.css">
<!--  page4 css  -->
    <link rel="stylesheet" type="text/css" href="../../../public/css/allInfo.css">

</head>

<script type="text/javascript">
global = {
    basePath: "${basePath}/public/"
};
</script>

<body>

    <!-- page1 房东基本信息 -->
    <div class="info-page base-info"  style="display: block;">
    <!-- 头部 1111 -->
        <header class="top">
            <div class="back-button">
                <span class="back-icon"></span>
            </div>
            <div class="title">
                上传业主信息
            </div>
            <div class="history">
                <!-- <span class="history-icon"></span> -->
            </div>
        </header>
    <!--主体-->
        <form class="mod-form" method="post" id="form" action="#">
            <section class="main">
                <h2 class="bar-title"><span id="tenantName"></span> 请先完善您的信息</h2>

                <div class="mod-form-con">
                    <div class="title">基本信息(必填)</div>
                    <div class="item"> <label class="form-label">姓名：</label>
                        <div class="info">
                            <input type="text" class="form-text" name="landlordName" id="landlordName" placeholder="请输入">
                        </div>
                    </div>

                    <div class="item"> <label class="form-label">身份证号：</label>
                        <div class="info">
                            <input type="number" class="form-text" name="idcard-num" id="idcard-num" placeholder="请输入">
                        </div>
                    </div>

                    <div class="item"> <label class="form-label">收款银行：</label>
                        <div class="info">
                            <input type="text" class="form-text" name="back-name" id="back-name" placeholder="请输入">
                        </div>
                    </div>

                    <div class="item"> <label class="form-label">收款银行卡号：</label>
                        <div class="info">
                            <input type="number" class="form-text" name="back-account" id="back-account" placeholder="请输入">
                        </div>
                    </div>

                    <div class="item"> <label class="form-label">手机号：</label>
                        <div class="info">
                            <input type="number" class="form-text" name="landlord-phone" id="landlord-phone" placeholder="请输入">
                        </div>
                    </div>

        <br>
                   <!--  <div id="datacontainer"></div> -->
                </div>
            </section>
        </form>
    <!-- 底部 -->
        <footer>
            <div class="weui_btn_area btn-submit">
                <a id="btnContractInputNext" class="weui_btn next-step" href="javascript:;">下一步</a>
            </div>
        </footer>
    <!-- prompt 对话框 -->
        <div class="weui_dialog_alert" id="dialog" style="display: none;">
            <div class="weui_mask"></div>
            <div class="weui_dialog">
                <div class="weui_dialog_hd"></div>
                <div class="weui_dialog_bd prompt_text"></div>
                <div class="weui_dialog_ft">
                    <a href="javascript:;" class="weui_btn_dialog primary">确定</a>
                </div>
            </div>
        </div>
    </div>

    <!-- page2 房东身份证上传 -->
    <div class="info-page upload-idcard ghy" style="display: none;">
        <!-- 头部 -->
        <header class="top">
            <div class="back-button">
                <span class="back-icon"></span>
            </div>
            <div class="title">
                上传业主信息
            </div>
            <div class="history">
                <!-- <span class="history-icon"></span> -->
            </div>
        </header>
        <!--主体-->
        <section class="main">
            <!-- <h2 class="title">二房东身份证正反面</h2> -->
            <div class="mod-upload-pic">
                <div class="inner">
                    <form action="#" method="POST">
                        <div class="item">
                            <input type="hidden" name="landlord.positiveIdCard">
                            <input type="hidden" name="landlord.backIdCard">
                            <!-- <input type="hidden" name="personal_03"> -->
                            <h2 class="item-title">请上传身份证正面照</h2>
                            <div class="id-card-01" style="background: #fff;"></div>
                            <h2 class="item-title">请上传身份证反面照</h2>
                            <div class="id-card-02" style="background: #fff;"></div>
                            <h2 class="item-title">请上传相关收租流水</h2>
                            <!-- <div class="id-card-03 personalLandlord" style="background: #fff;"></div> -->
                        </div>
                    </form>
                </div>
            </div>
            <div id="datacontainer"></div>

            <div class="landlord pop" style="display: none;">
                <div class="popMain">
                    <div class="popTop"></div>
                    <div class="popMiddle">
                        <p>是否有委托人？</p>
                    </div>
                    <div class="popBottom">
                        <span class="confirm scroll" id="scroll">是的</span>
                        <span class="cancel">没有</span>
                    </div>
                </div>
            </div>
        </section>
        <!-- 底部 -->
        <footer>
            <div class="weui_btn_area btn-submit" >
                <a id="btnContractInputNext" class="weui_btn next-step" href="javascript:;">下一步</a>
            </div>
        </footer>
        <!-- icon 对话框 -->
        <div class="weui_dialog_icon" style="display: none;">
            <div class="weui_mask"></div>
            <div class="weui_dialog">
                <div class="dialog_icon"></div>
                <div class="weui_dialog_hd"><strong class="weui_dialog_title"></strong></div>
                <div class="weui_dialog_bd prompt_text"></div>
                <div class="weui_dialog_ft">
                    <a href="javascript:;" class="weui_btn_dialog primary">留在这</a>
                    <a href="javascript:;" class="weui_btn_dialog btn-close">去付款</a>
                </div>
            </div>
        </div>

        <!-- prompt 对话框 -->
        <div class="weui_dialog_alert" id="dialog" style="display: none;">
            <div class="weui_mask"></div>
            <div class="weui_dialog">
                <div class="weui_dialog_hd"></div>
                <div class="weui_dialog_bd prompt_text"></div>
                <div class="weui_dialog_ft">
                    <a href="javascript:;" class="weui_btn_dialog primary">确定</a>
                </div>
            </div>
        </div>
    </div>


    <!-- page3 委托人信息 -->
    <div class="info-page consignor-info ghy" style="display: none;">
        <header class="top">
            <div class="back-button">
                <span class="back-icon"></span>
            </div>
            <div class="title">
                上传业主信息
            </div>
            <div class="history">
                <!-- <span class="history-icon"></span> -->
            </div>
        </header>

        <!--主体-->
        <section class="main">
        <!-- <h2 class="title">委托人信息</h2> -->
            <div class="mod-upload-pic">
                <div class="inner">
                    <form action="#" method="POST">
                        <div class="item">
                            <input type="hidden" name="consignor.positiveIdCard">
                            <input type="hidden" name="consignor.backIdCard">
                            <!-- <input type="hidden" name="consignor_03"> -->
                            <div class="mod-form-con">
                                <div class="per_ipone"> <label class="form-label" style="color: #000;">手机号：</label>
                                <div class="info" style="float:right; ">
                                    <input type="number" class="form-text" name="consignorMobile" id="consignorMobile" placeholder="请输入">
                                </div>
                                </div>
                            </div>
                            <h2 class="item-title">请上传身份证正面照</h2>
                            <div class="id-card-01" style="background: #fff;"></div>
                            <h2 class="item-title">请上传身份证反面照</h2>
                            <div class="id-card-02" style="background: #fff;"></div>
                            <h2 class="item-title">请上传业务负责人授权书</h2>
                            <!-- <div class="id-card-03 consignor" style="background: #fff;"></div> -->
                        </div>
                    </form>
                </div>
            </div>
            <!-- <div id="datacontainer"></div> -->
        </section>

        <!-- 底部 -->
        <footer>
            <div class="weui_btn_area btn-submit">
                <a id="btnContractInputNext" class="weui_btn next-step" href="javascript:;">下一步</a>
            </div>
        </footer>
        <!-- prompt 对话框 -->
        <div class="weui_dialog_alert" id="dialog" style="display: none;">
            <div class="weui_mask"></div>
            <div class="weui_dialog">
                <div class="weui_dialog_hd"></div>
                <div class="weui_dialog_bd prompt_text"></div>
                <div class="weui_dialog_ft">
                    <a href="javascript:;" class="weui_btn_dialog primary">确定</a>
                </div>
            </div>
        </div>

    </div>

    <!-- page4 填写信息汇总页 -->
    <div class="info-page all-info" style="display: none;">
            <!-- 头部 -->
    <header class="top">
        <div class="back-button">
            <span class="back-icon"></span>
        </div>
        <div class="title">
            确认信息
        </div>
        <!-- <div class="history">
            <span class="history-icon"></span>
        </div> -->
    </header>
    <!--主体-->
    <section class="main">
        <div class="main-status">
            <div class="main-info">
                <div class="adress-info parties-info">
                    <p class="contract-number"><span name="contractNo"></span></p>
                    <p class="landlord parties">基本信息</p>
                    <p class="landlord-name parties-name"><span name="lcHouseName"></span></p>
                    <!-- 如果公司地址木有，不显示公司地址 -->
                    <p class="adress-landlord parties-other companyAddr"><span>姓名：</span><span name="landlord-name"></span></p>
                    <p class="adress-landlord parties-other"><span>身份证号：</span><span name="landlord-idcard"></span></p>
                    <p class="adress-landlord parties-other"><span>收款银行：</span><span name="landlord-backName"></span></p>
                    <p class="adress-landlord parties-other"><span>收款银行卡号：</span><span name="landlord-backAccount"></span></p>
                    <p class="adress-landlord parties-other"><span>手机号：</span><span name="landlord-phoneNum"></span></p>
                    <div class="kePublic  landlord-wrapper">
                        <!--效果html开始-->
                        <!--图库弹出层 开始-->
                        <div class="mskeLayBg"></div>
                        <div class="mskelayBox">
                          <div class="mske_html">

                          </div>
                          <img class="mskeClaose" src="images/mke_close.png" width="27" height="27" />
                        </div>
                        <!--图库弹出层 结束-->
                        <div class="msKeimgBox">
                         <ul>
                          <li>
                            <img src="../../../public/img/shenzhengmian@2x.png" name="positive-idcard"/>
                            <span class="hidden"><img src="../../../public/img/shenzhengmian@2x.png"/>
                            </span>
                          </li>
                          <li>
                            <img src="../../../public/img/shenzhengmian@2x.png" name="back-idcard"/>
                            <span class="hidden"><img src="../../../public/img/shenzhengmian@2x.png"/>
                            </span>
                          </li>

                         </ul>

                        </div>
                        </div>

                </div>
                <div class="member-info parties-info" style=" border-bottom: none;">
                    <p class="member parties">委托人信息</p>
                    <p class="member-name parties-name"><span name="consignorName"></span></p>
                    <p class="number-member parties-other"><span>手机号：</span><span name="consignorPhone"></span></p>
                    <div class="kePublic consignor-wrapper">
                        <!--效果html开始-->
                        <!--图库弹出层 开始-->
                        <div class="mskeLayBg"></div>
                        <div class="mskelayBox">
                          <div class="mske_html">

                          </div>
                          <img class="mskeClaose" src="images/mke_close.png" width="27" height="27" />
                        </div>
                        <!--图库弹出层 结束-->
                        <div class="msKeimgBox">
                         <ul>
                          <li>
                            <img src="../../../public/img/shenzhengmian@2x.png"  name="consignor-positive-card"/>
                            <span class="hidden"><img src="../../../public/img/shenzhengmian@2x.png"/>
                            </span>
                          </li>
                          <li>
                            <img src="../../../public/img/shenzhengmian@2x.png" name="consignor-back-card"/>
                            <span class="hidden"><img src="../../../public/img/shenzhengmian@2x.png"/>
                            </span>
                          </li>

                         </ul>

                        </div>
                        </div>
                </div>

                 <!-- prompt 对话框 -->
                <div class="weui_dialog_alert" style="display: none;">
                    <div class="weui_mask"></div>
                    <div class="weui_dialog">
                        <div class="weui_dialog_hd"><strong class="weui_dialog_title"></strong></div>
                        <div class="weui_dialog_bd prompt_text"></div>
                        <div class="weui_dialog_ft">
                            <a href="javascript:;" class="weui_btn_dialog primary">确定</a>
                        </div>
                    </div>
                </div>


        </div>
    </section>
    <!--底部-->
    <footer>
        <div class="clause">
            <div class="cluase-content">
                <span class="cluase-icon1"><input type="radio" name="aleady-read" id="aleady-read" checked="checked"/></span></span>
                <div class="cluase-content-button1"> 已阅读* 《个人信用报告查询授权书》<span class="check-cluase1">查看</span></div>
            </div>
        </div>
        <div class="weui_btn_area btn-submit">
            <a id="btnContractInputNext" class="weui_btn next-step" href="javascript:;">确认</a>
        </div>
    </footer>
    <div id="gray"></div>
        <div class="popup" id="popup">
            <div class="top_nav" id='top_nav'>
                <div align="center">
                    <span>个人信用报告查询授权书</span>
                    <a class="guanbi"></a>
                </div>
            </div>
            <div class="min">
            <p> 研耀（上海）信息科技有限公司：</p>
            <p style="text-indent: 2em;">本人不可撤销地授权 研耀（上海）信息科技有限公司（以下简称“贵公司”）根据国务院《征信业管理条例》规定，向国家设立的金融信用信息基础数据库以及其他依法设立的征信机构进行如下操作：</p>
            <p>第一条:</p>
            <p style="text-indent: 2em;">向金融信用信息基础数据库以及其他依法设立的征信机构查询、打印、保存、使用本人的信用报告，授权事项及用途包括贷款审批（用于贷前调查、贷款审查审批）、贷后管理（用于已发放贷款的贷后管理）及异议核查（用于处理本人异议）等。</p>
            <p> 第二条:</p>
            <p style="text-indent: 2em;">在不违反法律和行政法规的禁止性规定的前提下，本人同意并授权贵公司采集并向国家设立的金融信用信息基础数据库以及其他依法设立的征信机构报送本人的个人信息，包括个人基本信息和信贷业务交易等相关信用信息，具体内容依据国家设立的金融信用信息基础数据库以及其他依法设立的征信机构要求报送的客户信息和业务信息等确定。</p>
            <p> 第三条:</p>
            <p style="text-indent: 2em;">本人同意，在本人发生与贵公司签署的合同、协议、承诺或其它法律性文件项下的违约时，贵公司有权根据违约情况酌情决定公开本人的违约信息，并可以根据欠款催收、债权转让、、金融服务外包、交叉销售等需要将有关信息提供给催收机构、资产管理公司、外包公司等第三方机构。</p>
            <p> 第四条:</p>
            <p style="text-indent: 2em;">若第一条所述的涉及本人的业务审批不通过、未实际发生，本人同意贵公司保留本授权书原件及本人的基础资料(含证件复印件)、信用报告、信贷业务申请书等。</p>
            <p>第五条:</p>
            <p style="text-indent: 2em;">本人声明，贵公司已经依法向本人提示了相关条款，本人已经完全知悉并充分理解本授权书条款的内容及相应的法律后果，并愿意接受本授权书条款的约定。</p>
            <p>第六条:</p>
            <p style="text-indent: 2em;">本授权书有效期自本人签字之日起至本授权书授权事项项下的业务办理完毕并结清之日止。在授权期限内非经贵公司书面同意本授权书不可撤销。</p>
            <br/>
            <p>授权人（签字）：<span></span></p>
            <p>身份证号码： <span></span></p>
            <p> 授权日期：<span></span>年<span></span>月<span></span>日</p>
            </div>
        </div>
    </div>

</body>
<!-- pageg公用 -->
<script src="../../../public/lib/jquery.serializeObject.js"></script>
<script src="../../../public/config/config.js"></script>
<script src="../../../public/lib/post.js"></script>
<script src="../../../public/js/common.js"></script>
<script src="../../../public/js/upload.js"></script>
<script src="../../../public/js/modifyPersonalLandlord.js?v8"></script>
<script type="text/javascript">
    $(function(){
        showScroll();
        function showScroll(){
            $(window).scroll( function() {
                var scrollValue=$(window).scrollTop();
                scrollValue > 100 ? $('div[class=scroll]').fadeIn():$('div[class=scroll]').fadeOut();
            } );
            $('#scroll').click(function(){
                $("html,body").animate({scrollTop:0},200);
            });
        }
    })
</script>
<script type="text/javascript">
    //窗口效果
    //点击登录class为check-cluase1 显示
    $(".check-cluase1").click(function(){
        $("#gray").show();
        $("#popup").show();//查找ID为popup的DIV show()显示#gray
        tc_center();
        $("body").css({"overflow":"hidden","height":$(window).height()});
    });
    //点击关闭按钮
    $("a.guanbi").click(function(){
        $("#gray").hide();
        $("#popup").hide();//查找ID为popup的DIV hide()隐藏
        $("body").css({"overflow":"scroll","height":"auto"});
    })

    //窗口水平居中
    $(window).resize(function(){
        tc_center();
    });

    function tc_center(){
        var _bottom=($(window).height()-$(".popup").height()*1.8);
        var _left=($(window).width()-$(".popup").width())/2;
        
        $(".popup").css({bottom:_bottom,left:_left});
    }   
    </script>


</html>
